<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>07_splice</title>
</head>
<body>
  <script>
    /**
     * splice()
     * 语法: 
     *    => 数组.splice(开始索引, 多少个)
     *    => 数组.splice(开始索引, 多少个, 要插入的数据)
     *      -> 从哪一个索引开始删除, 从哪一个索引开始插入
     * 作用: 截取数组并选择性是否插入内容
     * 返回值: 必然是一个新的数组
     *    => 你截取了多少内容, 新数组里面就有多少内容
     *    => 你如果没有截取内容, 那么就是一个空的新数组
    */

    var arr = [1,2,3,4,5];
    console.log('原始数组:', arr);

    // 数组.splice(开始索引, 多少个)
    // 你截取了多少内容, 新数组里面就有多少内容
    var result1 = arr.splice(1,2);
    console.log('截取之后:', arr, '返回值:', result1);


    // 数组.splice(开始索引, 多少个, 要插入的数据)
    // 从哪一个索引开始删除, 从哪一个索引开始插入
    var result2 = arr.splice(0,1, '新来的');
    console.log('截取之后:', arr, '返回值:', result2);


    var result3 = arr.splice(0,0, '张三')
    console.log('截取之后:', arr, '返回值:', result3);
  </script>
</body>
</html>